<template>
	<view>
	<view class="container">
	  <image src="../../static/image/page/sqcg-icon.png" class="sqcg-icon"></image>
	  <text class="sqcg-text">申请成功</text>
	  <view class="tips-text">请保持通讯通畅，客户经理将与您取得联系，最终可贷额度以房屋实地调查的审批为准！</view>
	  <view class="liucheng-box">
	    <view class="lc-box">
	      <view class="lc-title">进件流程</view>
	      <view class="flex-space">
	        <view class="lc-item">
	          <image src="../../static/image/page/sq-icon.png" class="sq-icon"></image>
	          <text class="item-text">在线申请</text>
	        </view>
	        <image src="../../static/image/page/xjt-icon.png" class="xjt-icon"></image>
	        <view class="lc-item">
	          <image src="../../static/image/page/pg-icon.png" class="sq-icon"></image>
	          <text class="item-text">资料评估</text>
	        </view>
	        <image src="../../static/image/page/xjt-icon.png" class="xjt-icon"></image>
	        <view class="lc-item">
	          <image src="../../static/image/page/ht-icon.png" class="sq-icon"></image>
	          <text class="item-text">签订合同、办押</text>
	        </view>
	        <image src="../../static/image/page/xjt-icon.png" class="xjt-icon"></image>
	        <view class="lc-item">
	          <image src="../../static/image/page/fk-icon.png" class="sq-icon"></image>
	          <text class="item-text">银行放款</text>
	        </view>
	      </view>
	    </view>
	  </view>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	/* pages/application-results/index.wxss */
	page {
	  background-color: #fff;
	}
	
	.container {
	  display: flex;
	  align-items: center;
	  flex-direction: column;
	  padding-top: 100rpx;
	}
	
	.sqcg-icon {
	  width: 150rpx;
	  height: 145rpx;
	  margin-bottom: 58rpx;
	}
	
	.sqcg-text {
	  font-size: 38rpx;
	  font-weight: bold;
	  color: #333333;
	}
	
	.tips-text {
	  margin: 50rpx 0 90rpx;
	  width: 530rpx;
	  font-size: 24rpx;
	  color: #999999;
	  text-align: center;
	  line-height: 36rpx;
	}
	.liucheng-box{
	  padding: 0 30rpx;
	  width: 100%;
	}
	.lc-box{
	  width: 100%;
	  background: #F8F8F8;
	border-radius: 10rpx;
	padding: 38rpx 40rpx 42rpx;
	text-align: left;
	
	}
	.lc-title{
	  font-size: 28rpx;
	font-weight: bold;
	color: #333333;
	margin-bottom: 55rpx;
	}
	.lc-item{
	  display: flex;
	  align-items: center;
	  flex-direction: column;
	}
	
	.sq-icon{
	  width: 44rpx;
	  height: 44rpx;
	  margin-bottom: 32rpx;
	}
	.item-text{
	  font-size: 22rpx;
	color: #333333;
	}
	.xjt-icon{
	  width: 12rpx;
	  height: 16rpx;
	  margin-top: -55rpx;
	}
</style>
